<!--
  @author wangjie
  @since 2019/06/13 13:58
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:include="common/common::jscss"/>
<body>

<!--页面顶层div-->
<div class="layui-fluid">

    <blockquote class="layui-crumb">
        <a lay-href="/service/tariff/list.action">价格表管理></a>
        <zmn th:text="(${faultTariff == null || faultTariff.tariffName == null}) ? '' : ${faultTariff.tariffName}+'>'">价格表名称</zmn>
        <zmn>产品基础价格></zmn>
        <zmn th:text="(${productName} == null) ? '' : ${productName}+'>'">产品名称</zmn>
        <zmn>产品价格表></zmn>
        <zmn>设置价格表</zmn>
    </blockquote>


    <!--页面板块
        通常情况下一个页面只有一个板块，
        列表页的一个板块内包含搜索条件、表格、表格工具条、分页导航，
        详情页的一个板块内包含详情列表、表单和按钮栏
        -->
    <div class="layui-card">
        <!--页面板块内容
            通常为详情列表、表单内容或表格
            -->
        <div class="layui-card-body">

            <!--表单样式统一为layui-form(必需样式)，lay-filter属性统一定义为zmn-form-->
            <form method="POST" action="" class="layui-form" lay-filter="zmn-form">

                <div class="layui-form-item">
                    <label class="layui-form-label layui-form-required">项目分组：</label>
                    <div class="layui-input-block">
                        <th:block th:each="item:${faultGroup}">
                            <input type="checkbox" th:name="faultGroup" th:value="${item.groupId}"
                                   th:alt-title="|${item.groupAlias}|+|<${item.groupId}>|"
                                   th:checked="${item.status == 2}">
                        </th:block>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label layui-form-required">价格表状态：</label>
                    <div class="layui-input-block">
                        <input type="radio" name="status" value="2" title="启用" th:checked="${productFaultTariff.status == 2}">
                        <input type="radio" name="status" value="1" title="停用"
                               th:checked="${productFaultTariff.status == 1 || productFaultTariff.status == null }">
                        <span style="color: #999;">价格表的状态：默认为停用；停用后，产品价格表不可更改且无法使用； 默认价格表不能停用</span>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label layui-form-required">是否默认：</label>
                    <div class="layui-input-block">
                        <input type="radio" name="general" value="2" title="默认" th:checked="${productFaultTariff.general == 2}">
                        <input type="radio" name="general" value="1" title="非默认"
                               th:checked="${productFaultTariff.general == 1 || productFaultTariff.general == null }">
                        <span style="color: #999;">保内/保外的服务价格/计价器价格各自最多1个默认价格表（包括：禁用状态的价格表）</span>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label layui-form-required">价格表说明：</label>
                    <div class="layui-input-block">
                        <textarea name="desc" lay-verify="required" placeholder="价格表说明，1000字内" class="layui-textarea" th:text="${productFaultTariff.desc}" maxlength="1000"></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">特殊说明：</label>
                    <div class="layui-input-block">
                        <textarea name="specialDesc"  placeholder="特殊说明，1000字内（注意若是故障价格表请填写）" class="layui-textarea" th:text="${productFaultTariff.specialDesc}" maxlength="1000"></textarea>
                    </div>
                </div>
                <!--按钮栏
                    置于form标签内的最下方，
                    主功能按钮使用默认样式，次要功能按钮使用原始按钮(加入样式layui-btn-primary)
                    -->
                <div class="layui-form-item submit">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="zmn-form-submit">提交</button>
                        <button type="reset" class="layui-btn layui-btn-primary" onclick="cancel()">取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>
<!--主js代码置于html外-->
<script type="text/javascript" th:inline="javascript">

    let json = {
        productId: [[${productId}]],
        bizType: [[${bizType}]],
        tariffId: [[${tariffId}]],
        productName: [[${productName}]]
    };

    layui.config({
        base: "/static/lay/",
        version:20191127
    }).extend({
        index: "lib/index",
        serv_product_tariff_modify: "product/service/tariff/zmn.product.tariff.modify"
    }).use(['index', 'serv_product_tariff_modify']);

</script>
